// ---------- ADVICE-BLOCK ----------
.advice-block {

  // ---------- ADVICE-TITLE

  // ---------- ADVICE-ITEM-LIST
  .advice-block__item-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;


    .advice-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 328px;
      height: 385px;
      border-radius: 10px;
      background-color: $brand-flesh;
      box-shadow: 15px 15px 5px #fafafa;

      &__top-line {
        height: 132px;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;

        .advice-item__title {
          font-family: 'Martel', sans-serif;
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 24px;
          letter-spacing: 0.1px;
          color: $brand-dark-blue;
        }
      }

      &__body {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        height: 253px;
        width: 100%;
        background-color: #ffffff;
        border: 1px solid #A9D6FF;
        border-radius: 10px;

        ul {
          margin-top: 10px;
          height: 159px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
        }

        ul li {
          font-family: 'Open Sans', sans-serif;
          font-style: normal;
          font-weight: 700;
          font-size: 14px;
          line-height: 24px;
          letter-spacing: 0.2px;
          color: #737373;
        }

        .common-text {
          font-family: 'Open Sans', sans-serif;
          color: $brand-gold;
          text-align: left;
        }

        .div {
          justify-content: left;
          display: flex;
          width: 75%;
        }
      }
    }
  }
}


// ---------- ADVICE-BLOCK-MEDIA ----------
@media (max-width: 1200px) {
  .advice-block {
    &__item-list {
      .advice-item {
        margin: 15px;
      }
    }
  }
}
